  <ng-template #phBreadcrumb class>
    <nz-breadcrumb>
      <nz-breadcrumb-item>
        <a [routerLink]="['/']">首页</a>
      </nz-breadcrumb-item>
      <nz-breadcrumb-item>
        <a [routerLink]="['/']">Dashboard</a>
      </nz-breadcrumb-item>
      <nz-breadcrumb-item>工作台</nz-breadcrumb-item>
    </nz-breadcrumb>
  </ng-template>
  <ng-template #phContent>
    <div class="content">
      <div class="avatar">
        <nz-avatar nzSrc="https://gw.alipayobjects.com/zos/rmsportal/lctvVCLfRpYCkYxAsiVQ.png"></nz-avatar>
      </div>
      <div class="desc">
        <div class="desc-title">早安，山治，我要吃肉！</div>
        <div>什么是专业，不断持续稳定的输出就是专业</div>
      </div>
    </div>
  </ng-template>
  <ng-template #phExtra>
    <div class="page-extra">
      <div [class]="onSw==1? 'selected' : ''" (click)="selectHero(1)">
        <p>已认领订单</p>
        <p>56</p>
      </div>
      <div [class]="onSw==2? 'selected' : ''" (click)="selectHero(2)">
        <p>待审批</p>
        <p>
          8
          <span>/ 24</span>
        </p>
      </div>
      <div [class]="onSw==3? 'selected' : ''" (click)="selectHero(3)">
        <p>待面签</p>
        <p>2,223</p>
      </div>
      <div [class]="onSw==4? 'selected' : ''" (click)="selectHero(4)">
        <p>历史审批</p>
        <p>2,223</p>
      </div>
    </div>
  </ng-template>

  <div class="gutter-example">
    <div nz-row [nzGutter]="24">
      <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6">
        <div class="gutter-box"><p>今日退回订单</p><span>5</span></div>
      </div>
      <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6">
        <div class="gutter-box"><p>今日拒绝订单</p><span>3</span></div>
      </div>
      <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6">
        <div class="gutter-box"><p>今日通过订单</p><span>20</span></div>
      </div>
      <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6">
        <div class="gutter-box"><p>今日订单总额</p><span>25</span></div>
      </div>
    </div>
  </div>

  <div class="gutter-example">
    <!--<st [data]="listOfData" [req]="{params: params}" [columns]="columns" [loading]="loading"-->
         <!--[scroll]="{x:'1500px'}" responsiveHideHeaderFooter>-->
    <!--</st>-->
    <simple-table #st
                  [columns]="columns"
                  [data]="listOfData"
                  [ps]=""
                  [extraParams]=""
                  [resReName]="{ total: '10', list: 'listOfData'}"
                  [reqReName]="{pi:'pageNumber', ps: 'pageSize'}"
                  toTopInChange
                  [showTotal]="true"
                  [showPagination]="true"
                  [showSizeChanger]="true"
                  [scroll]="{  x: '1300px' }"

    >
    </simple-table>

    <!--<nz-table #basicTable [nzLoading]="loading" [nzData]="listOfData" [nzTotal]="85" [nzShowTotal]="totalTemplate" [nzPageSize]="10" [nzPageSizeOptions]="[ 10, 20, 30, 40, 50 ]" nzShowQuickJumper nzShowSizeChanger>
      <thead>
      <tr>
        <th><p class="tableTitle">订单编号</p></th>
        <th><p class="tableTitle">客户姓名</p><p class="tableTitle">订单类型</p><p class="tableTitle">联系电话</p></th>
        <th><p class="tableTitle">车辆信息</p></th>
        <th><p class="tableTitle">期数</p><p class="tableTitle">融资额</p><p class="tableTitle">受益人变更</p></th>
        <th><p class="tableTitle">录入业务员</p><p class="tableTitle">产品种类</p><p class="tableTitle">录入单位</p></th>
        <th><p class="tableTitle">订单提交时间</p></th>
        <th><p class="tableTitle">订单状态</p></th>
        <th><p class="tableTitle">操作</p></th>
      </tr>
      </thead>
      <tbody>
      <tr *ngFor="let data of basicTable.data">
        <td>{{data.provinces}}</td>
        <td><p>{{data.volume}}</p><p>{{data.volume}}</p><p>{{data.volume}}</p></td>
        <td>{{data.loan}}</td>
        <td><p>{{data.volume}}</p><p>{{data.volume}}</p><p>{{data.volume}}</p></td>
        <td><p>{{data.volume}}</p><p>{{data.volume}}</p><p>{{data.volume}}</p></td>
        <td>{{data.onYear}}</td>
        <td>{{data.onYear}}</td>
        <td><a>查看</a>
          <nz-divider nzType="vertical"></nz-divider>
          <a>认领</a>
        </td>
      </tr>
      </tbody>
    </nz-table>
    <ng-template #totalTemplate let-total> Total {{ total }} items </ng-template>-->
  </div>
